﻿@textColor: #333333;
@white: #FFFFFF;

/** GENERIC STYLING **/

input[type="checkbox"],
input[type="radio"]
{
  vertical-align: top;
}

.checkbox-group,
.radiobutton-group
{
  width: 100%;
}

.keep-center
{
  text-align: center !important;
}

.keep-right
{
  text-align: right !important;
}

.keep-left
{
  text-align: left !important;
}

.keep-middle
{
  vertical-align: middle !important;
}

.pull-right
{
  float: right !important;
}

.pull-left
{
  float: left !important;
}

#actionmessage
{
  position: fixed;
  top: 0;
  right: 0.2%;
  z-index: 2000;
}

.required {
  color: #b94a48;
}

/** GENERIC STYLING END **/

/** GENERIC DATATABLES EXTENSIONS AND OVERRIDES **/

table.dataTable thead th
{
  border-bottom: 0;

  div.DataTables_sort_wrapper
  {
    padding-right: 20px;
    position: relative;

    span
    {
      margin-top: -8px;
      position: absolute;
      right: 0;
      top: 50%;
    }
  }

  .css_right
  {
    float: right;
  }
}

.dataTables_scrollBody
{
  margin-top: -3px;
  background: @white;
}

.dataTables_scroll
{
  border-left: 1px solid;
  border-right: 1px solid;
}

/** GENERIC DATATABLES EXTENSIONS AND OVERRIDES END **/

/* jqPlot OVERRIDES */
.jqplot-target {
    font: 12px Arial;
}

/* jqPlot EXTENSIONS */
.jqplot-title {
  margin: 0.5em;
}

.jqplot-xaxis {
  margin-top: 7px;
}

.jqplot-yaxis {
  margin-right: 7px;
}

.jqplot-y2axis {
  margin-left: 7px;
}